<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
    />
    <link rel="icon" href="<%= BASE_URL %>logo.ico" />
    <link rel="apple-touch-icon" href="/logo.png">
    <meta name="apple-mobile-web-app-title" content="Miracle Studio">
    <link rel="bookmark" href="/logo.png">
    <link rel="apple-touch-icon-precomposed" sizes="180x180" href="/logo.png" >
    <title>Miracle Studio</title>

    <script
      src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"
      type="text/javascript"
    />

    <script>
      window.addEventListener("error", function (event) {
        if (event.message.indexOf("Unexpected token '<'") > -1) {
          location.reload();
        }
      });
      window.onload = function () {
        document.addEventListener("touchstart", function (event) {
          if (event.touches.length > 1) {
            event.preventDefault();
          }
        });
        var lastTouchEnd = 0;
        document.addEventListener(
          "touchend",
          function (event) {
            var now = new Date().getTime();
            if (now - lastTouchEnd <= 300) {
              event.preventDefault();
            }
            lastTouchEnd = now;
          },
          false
        );
        document.addEventListener("gesturestart", function (event) {
          event.preventDefault();
        });
      };
    </script>

    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
      html,
      body {
        width: 100%;
        background: #101116;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
  </body>
</html>
